// 登录功能
$('#btn-login').click(async function (e) {
  // 阻止表单的默认提交
  e.preventDefault()
  // 收集表单数据
  // es8的新语法： ?.  如果?前面的对象存在，那么就可以使用.调用后面
  const username =
    serialize($('#login-form')[0], { hash: true }).username?.trim() || ''
  const password =
    serialize($('#login-form')[0], { hash: true }).password?.trim() || ''
  if (!username) {
    return info({ type: 'error', message: '用户名不能为空' })
  }
  if (!/\w{6,}/.test(password)) {
    return info({ type: 'error', message: '密码长度不能小于6位' })
  }

  // 发送ajax请求，调登录接口进行账户和密码的校验
  try {
    const {data} = await request.post('login', { username, password })
    // 登录成功后，要将token保存到本地存储中了
    window.sessionStorage.setItem('token',data.token)
    window.sessionStorage.setItem('username', data.username)
    window.sessionStorage.setItem('avatar', data.avatar)
    info({ message: '登录成功' })
    location.href = '/index.html'
  } catch (err) {
    info({type:'error', message: err.response.data.message })
  }
})
